//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    x: 0,
    y: 0,
    fontsize: 16,
    text: '',
    textalen: 'left',
    imgsrc: '',
    winHeight: app.SystemInfo.windowHeight,
    winWidth: app.SystemInfo.windowWidth,
    colors: '000000'
  },
  savePhoto: function () {

  },
  tz: function (e) {
    console.log(e)
  },
  left: function () {
    console.log('1')
    this.setData({
      textalen: 'left'
    })
  },
  upphoto: function () {
    let self = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        console.log(res)
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        console.log(tempFilePaths)
        wx.getImageInfo({
          src: tempFilePaths[0],
          success(res) {
            let ratio = res.width / res.height;
              self.setData({
                winHeight: app.SystemInfo.windowWidth/ratio,
                winWidth: app.SystemInfo.windowWidth,
                imgsrc: tempFilePaths[0]
              })
          }
        })

      }
    })
  },
  color: function (e) {
    console.log(e.currentTarget.id)
    let color = ''
    if (e.currentTarget.id == 1) {
      color = 'ffffff'
    } if (e.currentTarget.id == 2) {
      color = '000000'
    } if (e.currentTarget.id == 3) {
      color = '7dc2ff'
    } if (e.currentTarget.id == 4) {
      color = 'ffe839'
    }
    this.setData({
      colors: color
    })
  },
  content: function () {
    console.log('2')
    this.setData({
      textalen: 'center'
    })
  },
  right: function () {
    console.log('3')
    this.setData({
      textalen: 'right'
    })
  },
  texts: function (e) {
    var s = e.detail.value.replace(/\s/g, '\n')
    console.log(s)
    this.setData({
      text: s
    })
  },
  slider4change: function (e) {
    console.log(e.detail.value)
    this.setData({
      fontsize: e.detail.value
    })
  },
  //事件处理函数
  bindViewTap: function () {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse) {
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  },
  getUserInfo: function (e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})